/*
 * @Description: 档案检索 - 高级检索
 * @Author: Rfan
 * @Date: 2022-01-17 11:14:47
 * @LastEditTime: 2022-09-26 16:01:37
 */

import classNames from 'classnames/bind';
import { AdvanceContextProvider } from './contexts/AdvanceContext';
import { FileSearchOutlined } from '@ant-design/icons';
import ScopeMain from './components/ScopeMain';
import OperateWrap from './components/OperateWrap';
import ConditionWrap from './components/ConditionWrap';
import DropdownSearch from '../components/SearchWarp/DropdownSearch';
import styles from './index.module.scss';

const cx = classNames.bind(styles);

const SearchAdvance = () => {
  return (
    <AdvanceContextProvider>
      <div className={cx('advance-container')}>
        <div className={cx('search-title')}>
          <h4>
            <FileSearchOutlined />
            <DropdownSearch type={3} />
          </h4>
          <p>高级检索允许对档案情况比较熟悉的用户，对档案进行字段级别的多重组合条件检索</p>
        </div>
        <div className="search-container" style={{ maxWidth: 1000, margin: '0 auto' }}>
          <div className="form-wrap">
            <ScopeMain />
            <ConditionWrap />
            <OperateWrap />
          </div>
        </div>
      </div>
    </AdvanceContextProvider>
  );
};

export default SearchAdvance;
